<div id="app">
  <!-- 级联选择器 -->
  <el-cascader
    v-model="chooseData"
    :options="options"
    :props="props"
    clearable
  ></el-cascader>
  <!-- 级联选择器 -->

  {{chooseData}}
</div>
<script src="http://unpkg.zhimg.com/vue@2"></script>

<link
  rel="stylesheet"
  href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"
/>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

<script>
  const app = new Vue({
    data() {
      return {
        chooseData: [
          //....
          [1, 2, 3],
          [1, 2, 4],
        ],
        // chooseData: [
        //   // { value: 1, label: "东南" }
        //   1,
        // ],
        // ...
        // ...

        props: { multiple: true },
        options: [
          {
            value: 1,
            label: "东南",
            children: [
              {
                value: 2,
                label: "上海",
                children: [
                  { value: 3, label: "普陀" },
                  { value: 4, label: "黄埔" },
                  { value: 5, label: "徐汇" },
                ],
              },
              {
                value: 7,
                label: "江苏",
                children: [
                  { value: 8, label: "南京" },
                  { value: 9, label: "苏州" },
                  { value: 10, label: "无锡" },
                ],
              },
              {
                value: 12,
                label: "浙江",
                children: [
                  { value: 13, label: "杭州" },
                  { value: 14, label: "宁波" },
                  { value: 15, label: "嘉兴" },
                ],
              },
            ],
          },
          {
            value: 17,
            label: "西北",
            children: [
              {
                value: 18,
                label: "陕西",
                children: [
                  { value: 19, label: "西安" },
                  { value: 20, label: "延安" },
                ],
              },
              {
                value: 21,
                label: "新疆维吾尔族自治区",
                children: [
                  { value: 22, label: "乌鲁木齐" },
                  { value: 23, label: "克拉玛依" },
                ],
              },
            ],
          },
        ],
        // ...
        // ...
      };
    },
  });
  app.$mount("#app");
</script>
